<!doctype html>
<html xmlns:th="http://www.w3.org/1999/xhtml" xmlns:HH="http://www.w3.org/1999/xhtml">
<!--这个是图书的详情页面，通过点击不同的书都可以进来-->
<head th:include="include :: header">
    <meta charset="utf-8">
    <title>评论</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
</head>
<style>


    .Ay-bottom-btn {
        width: 50%;
        float: left;
    }

    li {
        list-style: none;
        margin-top: 0.5em;
        height: 30%;
    }
</style>
self.location=document.referrer;
<body>
<header class="mui-bar mui-bar-nav">
    <a href="javascript:" onclick="history.go(-1);" class="mui-pull-left"><span style="font-size: 15px">返回</span></a>
    <h1 class="mui-title">图书名字</h1>
</header>
<div class="mui-content">
    <div class="mui-card" th:each="pinglun:${booklogDOList}" style="margin-top: 5px">
        <div class="mui-card-header">
            <img class="mui-media-object mui-pull-left head-img" id="head-img" src="/img/a1.jpg"
                 th:src="${pinglun.images}"
                 style="border-radius: 50%;">
            <div class="mui-media-body"    style="position: relative">
                <div style="font-size: 15px;position: absolute;left: -300px" th:text="'昵称:'+${pinglun.nickName}">昵称</div>
            </div>
        </div>
        <div class="mui-card-content">
            <div class="mui-card-content-inner" th:text="${pinglun.appraise}">
                包含页眉页脚的卡片，页眉常用来显示面板标题，页脚用来显示额外信息或支持的操作（比如点赞、评论等）
            </div>
        </div>
        <div style="position: relative" class="mui-card-footer mui-pull-left">
            <span style="position: absolute;right: -350px" th:text="${#dates.format(pinglun.appraiseTime, 'yyyy-MM-dd  HH:mm:ss')}">
                评论时间
            </span>
        </div>
    </div>
    <div>

    </div>

</div>

</body>

<div th:include="include::footer"></div>
<script src="/js/phone/mui.min.js"></script>
</html>